<template>
  <div class="NewDetail-container">
    <ul class="news-list">
      <!-- <li>编号：{{ query.id }}</li>
      <li>标题：{{ query.title }}</li>
      <li>内容：{{ query.content }}</li> -->
      <li>编号：{{ id }}</li>
      <li>标题：{{ title }}</li>
      <li>内容：{{ content }}</li>
    </ul>
  </div>
</template>

<script setup lang="ts" name="NewDetail">
// import { toRefs } from "vue";
// import { useRoute } from "vue-router";
// let route = useRoute();
// let { query } = toRefs(route);
defineProps(["id", "title", "content"]);
// type Props = {}
// defineProps<Props>()
// const emit = defineEmits([])
// const router = useRouter()
// const route = useRoute()
</script>

<style scoped lang="scss">
.NewDetail-container {
  .news-list {
    list-style: none;
    padding-left: 20px;
  }

  .news-list > li {
    line-height: 30px;
  }
}
</style>
